<template>
  <view class="follow_box flr">
    <view>
      <image class="follow_img" src="@/static/img/global/wechart.png"></image>
    </view>
    <view class="flex1 ml7">
      <view class="follow_bold_txt">关注公众号，您将获得最新商机信息</view>
      <view class="follow_normal_txt">海量商机等着你来查，尽在E商机</view>
    </view>
    <view class="orange_bg_btn" @click="guanzhuClick"> 立即关注 </view>
  </view>
</template>
<script>
export default {
  methods: {
    guanzhuClick() {
      uni.navigateTo({ url: '/pages/global/gzh?src=' + encodeURIComponent('https://mp.weixin.qq.com/s?__biz=Mzg4ODgxNDA3Ng==&mid=2247484093&idx=1&sn=53152d751c39627acfe707ef526813fc&chksm=cff4222ef883ab383ea17839de8e8c1e6ce6c682780504d6de00ba178119caa1cca324f9b5a3#rd') });
    }
  }
};
</script>
<style lang="less" scoped>
.follow_box {
  background-color: rgba(255, 251, 247, 1);
  border-radius: 5rem;
  padding: 14rem 20rem;
  display: flex;
  align-items: center;

  .follow_img {
    width: 37rem;
    height: 37rem;
  }
  .follow_bold_txt {
    color: rgba(56, 56, 56, 1);
    font-size: 14rem;
    line-height: 21rem;
    font-weight: 700;
  }
  .follow_normal_txt {
    color: rgba(128, 128, 128, 1);
    font-size: 14rem;
    line-height: 21rem;
    font-weight: 400;
  }
  .orange_bg_btn {
    font-size: 12rem;
    color: #fff;
    background-color: rgba(255, 124, 0, 1);
    border-radius: 50rem;
    padding: 0 12rem;
    height: 26rem;
    line-height: 26rem;
  }
  .ml7 {
    margin-left: 7rem;
  }
}
</style>
